<template>
  <div>
    <a-tabs defaultActiveKey="1">
      <a-tab-pane tab="公告通知" key="1" forceRender></a-tab-pane>
    </a-tabs>
    <a-list itemLayout="horizontal" :dataSource="notice">
      <a-list-item slot="renderItem" slot-scope="item">
        <a-list-item-meta>
          <img slot="avatar" src="~/static/msg.jpg" />
          <a-row slot="title" type="flex" justify="space-between">
            <a-col :span="21">{{item.title}}</a-col>
            <a-col :span="3">{{item.create_time}}</a-col>
          </a-row>
          <a-row slot="description" type="flex" justify="space-between">
            <a-col :span="21">{{item.test}}</a-col>
          </a-row>
        </a-list-item-meta>
      </a-list-item>
    </a-list>
  </div>
</template>

<script>
import { INDEX_NOTICE } from "./server";
export default {
  layout: "main",
  data() {
    return {
      notice: []
    };
  },
  created() {
    INDEX_NOTICE({ type: "other" }).then(res => {
      if (!res) return;
      this.notice = res.data;
    });
  }
};
</script>
<style lang="less" scoped>
.pagination {
  margin: 100px auto;
  text-align: center;
}
</style>